//
//  PaddingDemo.swift
//  firstFontAttrDemo
//
//  Created by liy on 2025/1/20.
//

import SwiftUI

struct PaddingDemo: View {
  var body: some View {
    VStack {
      Text("Hello, World!")
        .padding()
        //				.padding() //四个方向 
        //				.padding(.all, 20) //四个方向
        //				.padding(.vertical, 20) //水平方向
        //				.padding(.horizontal, 20) //垂直方向
        //				.padding([.top,.leading],20) //枚举数组

        .padding([.top, .leading], 20) // 枚举数组
        .padding([.bottom], 110) // 枚举数组

        .background(.red)
        .padding(20)
        .background(.cyan)

      // *** 可以叠加使用padding（同理background、frame、overlay也可叠加）
      // 注意 padding和background顺序
      Text("Hello, World!")
        .background(.red)
        .padding()
        .background(.orange)
        .padding(20)
        .background(.cyan)
    }
  }
}

#Preview {
  PaddingDemo()
}
